<template>
  <div class="ba">
    <el-carousel :interval="3000" height="200px" >
      <el-carousel-item v-for="(item,index) in bannerdata" :key="index" >
        <h3>
          <img :src="bannerdata[index]" class="img">
        </h3>
      </el-carousel-item>
    </el-carousel>
  </div>

</template>

<script>

export default {
  name: 'BannerBar',
  props: {
    bannerdata: {
        type: Array,
        default(){
            return[]
        }
    }
}

}
</script>

<style scoped>
  .img{
    margin-top: 50px;
  }
</style>